
<template>
  <div class='total-sales'>
    <common-card title="累计销售额" :value="salesToday">
      <template>
        <div class="compare-wrapper">
          <div class="compare">
          <span>日占比</span>
          <span class="emphasis">{{salesGrowthLastDay}}</span>
          <div class="increase"></div>
        </div>
        <div class="compare">
          <span>月同比</span>
          <span class="emphasis">{{salesGrowthLastMonth}}</span>
          <div class="decrease"></div>
        </div>
        </div>
      </template>
      <template v-slot:footer>
        <span>昨日销售额 </span>
        <span class="emphasis">{{salesLastDay}}</span>
      </template>
    </common-card>
  </div>
</template>
<script>
import CommonCardMixin from '../../mixins/commonCardMixin'
import CommonDataMixin from '../../mixins/commonDataMixin'
export default {
  mixins: [CommonCardMixin, CommonDataMixin]
}
</script>
<style scoped lang="scss">
.compare-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.compare {
  display: flex;
  align-items: center;
  margin-top: 3px;
  font-size: 12px;
}
span {
  font-size: 12px;
}
</style>
